<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的手记与头像对齐</title>
		<style>
			div {
				/* border: 1px solid red; */
			}
			img {
				vertical-align: middle;
				border-radius: 50%;
				border: 2px solid #F3F5F6;
				width: 32px;
				height: 32px;
			}
			img:hover {
				cursor: pointer;
				border: 2px solid red;
			}
		</style>
	</head>
	<body>
		<div>
			<span>我的手记</span>
			<img src="1.jpg" alt="">
		</div>
	</body>
</html>